<template>
    <div>
        <Cell  v-for="item in contactData" :key="item.id" :title="item.nickname " center inset border clickable @click="OncontactClick(item) ">
            <template #icon>
                <img class="avatar-icon" :src="prefix+item.iconUrl" />
            </template>
            <template #right-icon>
                <Icon name="arrow" ></Icon>
            </template>
        </Cell>
    </div>
</template>
<script setup>
import { Cell, Image, Icon, SwipeCell } from 'vant';
import { getOssPrefix } from '@/v-api/properties';
const prefix = getOssPrefix();
const props = defineProps({
    contactData: {
        type: Array,
        default: () => [],
    },
});
const emits = defineEmits(['contactClick']);
const OncontactClick = (item) => {
    emits('contactClick', item);
};
</script >
<style scope>
.avatar-icon {
    width: 35px;
    height: 35px;
    border-radius: 20%;
    /* margin-left: 0.25rem; */
    margin-right: 0.3rem;
}

</style>